<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>京东商城</title>
	<link rel="stylesheet" href="css/base.css">
    <!--引入base.css文件，base文件必须在index文件前-->
    <link rel="stylesheet" href="css/index.css">
    <!--引入index.css文件--> 
    <link rel="shortcut icon" href="favicon.ico">
</head>
<body>
	<!--导航部分-->
	<div class="header">
		<div class="w"><!--版心-->
			<div class="fl">
				<div class="dt">
					送至：北京
					<i><s>◇</s></i>
				</div>
			</div>
			<div class="fr">
					<ul>
						<li>
							<a href="#">你好，请登录</a>&nbsp&nbsp
							<a href="#" class="col-red">免费注册</a>&nbsp&nbsp
						</li>
						<li class="line"></li>
						<li>我的订单</li>
						<li class="line"></li>
						<li class="xsj">我的京东
						<i><s>◇</s></i>
						</li>
						<li class="line"></li>
						<li>京东会员</li>
						<li class="line"></li>
						<li>企业采购</li>
						<li class="line"></li>
						<li class="xsj jd-sj">
							<em class="sj"></em>
							手机京东
							<i><s>◇</s></i>
						</li>														
						<li class="line"></li>
						<li class="xsj">客户服务
						<i><s>◇</s></i>
						</li>
						<li class="line"></li>						
						<li class="xsj">网站导航
						<i><s>◇</s></i>
						</li>						
					</ul>
			</div>
		</div>
	</div>

	<div class="topbanner">
		<div class="w">
			<img src="images/5.jpg">
		</div>
		<div class="w tp">
			<img src="images/6.jpg">
			<a href="javascript:;" class="close-topbanner"></a>
			<!--当点击a链接时，不需要打开任何链接，所以href的值用"javacript:;"，可以用JS做交互效果-->
		</div>
	</div>

	<div class="logo">
		<a href="http://www.jd.com" target="_blank" class="jd-a" title="京东">京东</a>
		<div class="dbll">
			<a href="#"><img src="images/9.gif"></a>
		</div>
	</div>

	<div class="search">
		<input type="text" name=""  id="" value="数码开抢">
		<button>搜索</button>
	</div>

	<div class="shoppingcar">
		<a href="#">我的购物车</a>
		<span class="icon1"></span>
		<span class="icon2">></span>
		<span class="icon3">8</span>
	</div>

	<div class="hotwords">
		<a href="###" class="col-red">五折约好货</a>
		<a href="###">1元抵3000</a>
		<a href="###">畜牧7折</a>
		<a href="###">京东服装</a>
		<a href="###">0元预购</a>
		<a href="###">羊绒衫男</a>
	</div> 

	<div class="jd-nav clearfix">
		<div class="w">
			<div class="dropdown">
				<div class="dt">
					<h2 style="font-weight: 800; font-style: : medium; text-align: center;padding: 15PX;">
					<a href="###"><strong>&nbsp;</strong>全部商品分类<i>&nbsp;</i></a></h2>
				</div>
				<div class="dd">
					<div class="items">
						<h3>家用电器</h3>
						<span>></span>
					</div>
					<div class="items">
						<h3>手机 数码 京东通信</h3>
						<span>></span>
					</div>					
					<div class="items">
						<h3>男装</h3>
						<span>></span>
					</div>					
					<div class="items">
						<h3>书籍</h3>
						<span>></span>
					</div>					
					<div class="items">
						<h3>美妆</h3>
						<span>></span>
					</div>	
					<div class="items">
						<h3>母婴</h3>
						<span>></span>
					</div>							
					<div class="items">
						<h3>女装</h3>
						<span>></span>
					</div>	
					<div class="items">
						<h3>汽车</h3>
						<span>></span>
					</div>		
					<div class="items">
						<h3>礼品鲜花</h3>
						<span>></span>
					</div>												
				</div>				
			</div>
		</div>
	</div>
				<div class="navitems">
					<ul>			
						<li><a href="#">秒杀</a></li>
						<li><a href="#">优惠券</a></li>
						<li><a href="#">闪购</a></li>
						<li><a href="#">拍卖</a></li>
						<li><a href="#">服装城</a></li>
						<li><a href="#">京东超市</a></li>
						<li class="new"><a href="#">生鲜</a></li>
						<li><a href="#">全球购</a></li>
						<li><a href="#">京东金融</a></li>
					</ul>
				</div>	
				<div class="bike">
					<a href="#"></a>
				</div>	
				<div class="banner clearfix">
					<a href="#" class="bg"></a>
					<div class="w main">
						<div class="slider">
							<a href="#"><img src="images/14.jpg"></a>
							<ul class="circle">
								<li class="current">1</li>
								<li>2</li>
								<li>3</li>
								<li>4</li>
								<li>5</li>
								<li>6</li>
							</ul>
							<div class="arrow">
								<a href="javascript:;" class="arrow-1"><</a>
								<a href="javascript:;" class="arrow-r">></a>
							</div>
						</div>
						<div class="news">
							<div class="jd-news">
								<div class="dt">
									<h3>京东快报</h3>
									<a href="#">更多>></a>
								</div>
								<div class="dd">
									<ul>
										<li><a href="#"><span>[特惠]</span>一元秒杀</a></li>
										<li><a href="#"><span>[公告]</span>一元秒杀</a></li>
										<li><a href="#"><span>[特惠]</span>一元秒杀</a></li>
										<li><a href="#"><span>[特惠]</span>一元秒杀</a></li>
										<li><a href="#"><span>[特惠]</span>一元秒杀</a></li>
									</ul>
								</div>
							<div class="fw">
								<div class="dt">
									<h3>生活服务</h3>
								</div>
								<div class="dd">
									<ul>
										<li class="fw-icon1">
											<a href="#">
												<i></i>
												<span>话费</span>
											</a>
										</li>
										<li class="fw-icon2">
											<a href="#">
												<i></i>
												<span>机票</span>
											</a>
										</li>																	
										<li class="fw-icon3">
											<a href="#">
												<i></i>
												<span>企业购</span>
											</a>
										</li>										
										<li class="fw-icon4">
											<a href="#">
												<i></i>
												<span>加油卡</span>
											</a>
										</li>										
										<li class="fw-icon5">
											<a href="#">
												<i></i>
												<span>电影票</span>
											</a>
										</li>										
										<li class="fw-icon6">
											<a href="#">
												<i></i>
												<span>火车票</span>
											</a>
										</li>										
										<li class="fw-icon7">
											<a href="#">
												<i></i>
												<span>众筹</span>
											</a>
										</li>										
										<li class="fw-icon8">
											<a href="#">
												<i></i>
												<span>理财</span>
											</a>
										</li>
										<li class="fw-icon9">
											<a href="#">
												<i></i>
												<span>礼品卡</span>
											</a>
										</li>										
										<li class="fw-icon10">
											<a href="#">
												<i></i>
												<span>白条</span>
											</a>
										</li>	
										<li class="fw-icon11">
											<a href="#">
												<i></i>
												<span>酒店</span>
											</a>
										</li>										
										<li class="fw-icon12">
											<a href="#">
												<i></i>
												<span>游戏</span>
											</a>
										</li>																																		
									</ul>
								</div>
								</div>								
							</div>
						</div>
					</div>
				</div>
</body>
</html>